@import 'basicColor';

//页面的共有布局
html,
body {
  font-family: Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC',
    'WenQuanYi Micro Hei', sans-serif;
  width: 100%;
  height: 100%;
  min-width: 1140px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
li,
ol,
p,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

main {
  min-height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: -100px;
  margin-bottom: -100px;
}

header,
footer {
  line-height: 100px;
  height: 100px;
}

.cmss-layout {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-width: 1310px;
  background: none repeat scroll 0 0 #fff;

  .layout-container {
    // background: url('~@/assets/img/back.jpg') center center no-repeat;
    min-height: calc(100vh - 140px);
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .layout-footer {
    height: 80px;
  }
}




.cmss-views {
  height: 100%;
  background: rgb(239, 241, 244);

  .views-title {
    height: 60px;
    line-height: 60px;
    background-color: rgb(255, 255, 255);
    border-left: 1px solid #E9EBEF;

    .title-span {
      padding-left: 20px;
      font-family: MicrosoftYaHei;
      font-size: 16px;
      font-weight: 400;
      text-align: left;
      color: rgb(3, 17, 41);
    }

    .title-right {
      float: right;
      margin-right: 20px;
    }
  }

  .views-content {
    margin: 20px;
    background-color: rgb(255, 255, 255);
  }

  .views-content-header {
    margin: 0px 20px 14px 20px;
  }

  .views-content-body {
    margin: 0 20px;
  }

  .views-content-bottom {
    margin: 0 20px;
    padding-bottom: 20px;
  }
}

.views-alert {
  padding: 6px 6px 7px 20px;
  display: flex;
  background: #E1ECFF;
  border-radius: 4px;
  border: 1px solid #79A9FF;

  .eicon {
    padding-top: 4px;
    font-size: 16px;
    color: #337DFF;
  }

  .content {
    margin-left: 6px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
  }
}

//组合面包屑
.breadcrumb-combination {
  .back-button {
    float: left;
    background: $bgWhiteColor;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #555555;
    text-align: center;
    margin-top: 18px;
    margin-right: 10px;
    cursor: pointer;

    div {
      font-size: 10px;
      font-weight: 700;
      height: 22px;
      line-height: 22px;
    }
  }

  .back-button:hover,
  .back-button:focus {
    border: 1px solid $primaryColor;
    color: $primaryColor;
  }

  .back-button.is-active,
  .back-button:active {
    background: #e1ecff;
    border: 1px solid $primaryColor;
    color: $primaryColor;
  }
}

.note {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #bbbbbb;
  height: 18px;
  line-height: 18px;
}

.nt-buy-p {
  font-size: 14px;
  color: #333333;
  text-align: center;
  line-height: 30px;
}

//组合进度条
.progress-panel {
  .progress-title {
    margin-right: 32px;
    height: 40px;

    .progress-count {
      font-size: 14px;
      color: #22303e;
      font-family: MicrosoftYaHei;
    }

    .progress-count2 {
      font-family: MicrosoftYaHei;
      font-size: 12px;
      color: #4f596a;
    }
  }

  .progress-item {
    .el-progress {
      .el-progress-bar {
        padding-right: 32px;
        border-radius: 2px;

        .el-progress-bar__outer {
          height: 4px !important;
          background-color: #e2effd;
        }

        .el-progress-bar__inner {
          background-image: linear-gradient(-90deg, #7e60fb 0%, #3399e5 100%);
        }
      }

      .el-progress__text {
        float: right;
        font-family: PingFang SC;
        font-size: 12px !important;
        color: #4f596a;
      }
    }
  }
}

//图标按钮
.icon-button {
  height: 32px;
  line-height: 16px;
  padding: 9px 9px !important;
  font-size: 14px;
  color: #555555;
}

//表格为空样式
.empty-table {
  display: inline-block;
  margin-left: 5px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #555555;
  height: 40px;
  line-height: 40px;
}

.last-th {
  .cell {
    border-right: none !important;
  }
}

//弹框中的提示文字
.sup-title {
  position: absolute;
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: rgb(204, 204, 204);
  height: 30px;
  line-height: 22px;
}

//一键复制图标样式
.e-fuzhi {
  margin-left: 5px;
  font-size: 12px !important;
  color: #337dff;
  cursor: pointer;
}

.component-style {
  margin-top: 70px;
}

.el-backtop {
  bottom: 150px !important;
}

.el-table .table-row-class {
  background-color: rgb(245, 249, 255);
}

.el-table__empty-block {
  height: 50px !important;
  font-size: 14px;
}

.common-select {
  .el-select-dropdown__item {
    background-color: rgb(38, 168, 94) !important;
    color: #fff !important;
    font-size: 14px;

    &:hover {
      background-color: #00b09b !important;
    }
  }

  .el-select-dropdown {
    background-color: rgb(38, 168, 94) !important;
  }

  .el-select-dropdown__list {
    background-color: rgb(38, 168, 94) !important;
  }

  .el-select-dropdown__item.selected {
    color: #fff !important;
    background-color: #00b09b !important;
  }

  .el-select .el-input.is-focus .el-input__inner {
    border: 0;
  }
}